<template>
    <div class="personalData">
        <div class="row" v-for="item in data">
            <new-cell-group :list="item" />
        </div>
    </div>
</template>

<style lang="less" scoped>
    @import '../../style/variable';
    .personalData{
        background-color: #f8f8f8;
        .row:nth-of-type(1), .row:nth-of-type(5), .row:nth-of-type(7) {
            margin-bottom: 0.8rem;
        }   
    }
</style>

<script>
    import { Cell, CellGroup, button } from 'vant';
    export default {
        components: {
            [Cell.name]: Cell,
            [CellGroup.name]: CellGroup,
            [button.name]: button,
        },
        data(){
            return {
                data: [
                    {
                        title: '修改头像',
                        // to: '/'
                    },{
                        title: '姓名',
                        value: '大金所',
                        // to: '/'
                    },{
                        title: '账号',
                        value: '18502780525',
                        // to: '/'
                    },{
                        title: '邮箱',
                        value: 'admin@djs18.com',
                        // to: '/'
                    },{
                        title: '电话',
                        value: '18502780525',
                        // to: '/'
                    },{
                        title: '姓别',
                        value: '男',
                        // to: '/'
                    },{
                        title: '微信号',
                        value: 'djs18',
                        // to: '/'
                    },{
                        title: '名片',
                        // to: '/'
                    },{
                        title: '认证状态',
                        value: '已认证',
                        // to: '/'
                    }
                ]
            }
        },
        created(){
            this.$store.commit('hideNav', true);
        }
    }
</script>